<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>小米为发烧而生</title>
<script src="/js/jquery.js"></script>

<style>
/*重置属性*/
*{ font-family:"微软雅黑"; font-size:14px; padding:0; margin:0;}
img{ display:block;}
a{ text-decoration:none;}
ul{ list-style:none;}
p,dl,dd{ margin:0; padding:0;}
/*公共属性*/
.clearfix{ clear:both;}
.shadow{box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);}
/*头部属性*/
.top_box{ background-color:#333;}
.nav{ width:1226px; margin:0 auto;}
.nav ul{ float:left;}
.nav li{ float:left; border-right:1px #424242 solid;margin-top:14px; margin-bottom:14px; }
.nav a{ color:#9a9898; display:block; padding-left:10px; padding-right:10px; }
.nav a:hover{ color:#fff;}
.login{float:right;}
.login .shop{ width:120px; height:48px; background-color:#424242; float:right;text-align:center;line-height:44px; position:relative; color:#9a9898; }
.bg01{background-image:url(images/buy01.png);background-image:url(images/buy.png); background-repeat:no-repeat;background-position:17px center; text-indent:30px; }
.bg02{background-image:url(images/buy.png);background-image:url(images/buy01.png); background-repeat:no-repeat;background-position:17px center; text-indent:30px;}
.login .current{background-color:#fff; color:#ff6700;}
.login .shop .car{ width:296px; height:98px; background-color:#fff; text-align:center; line-height:98px; color:#333; position:absolute;right:0;top:48px;}
.shadow_lf{ box-shadow:-2px 2px 5px #eee;}
.shadow_rt{ box-shadow:-2px 2px 5px #eee;}
.login a{ color:#9a9898;  }


/*导航属性*/
.mainbav{ width:1226px; margin:0 auto;}
.mainbav .LOGO{ float:left;margin-top:20px;width:240px;}
.LOGO img{ float:left;}
.mainbav ul{ float:left;}
.mainbav ul li{ float:left; margin-le ft:16px; margin-right:16px; line-height:100px;}
.mainbav li a{ font-size:16px; color:#333;}
.mainbav li a:hover{ color:#ff6700;}
.search{ width:294px; height:48px; border:1px #e0e0e0 solid; float:right; margin-top:25px;}
.search .search_box{ width:50px; height:48px; border-left:1px #e0e0e0 solid; float:right;}
.search .search_box img{margin-left:17px; margin-top:16px;}
.search span{ float:right; font-size:12px; color:#757575; margin-top:14px; margin-right:10px; background-color:#eee; padding:3px 5px;}
.search span:hover{ background-color:#ff6700; color:#fff;}

/*页脚*/
.footer-box{ width:100%; background-color:#fff;}
.footer{ width:1226px; margin-left:auto; margin-right:auto;}
.footer ul{ margin-top:27px; margin-bottom:27px;}
.footer li{ float:left; width:244px; height:26px; border-right:1px solid #e0e0e0; text-align:center;line-height:26px;}
.footer li a{  color:#616161;}
.footer li a:hover{ color:#ff6700;}
.line{ width:1226px; height:1px; background-color:#e0e0e0; margin-bottom:40px;}
.footer dl{ margin-right:104px; float:left; margin-bottom:25px;}
.footer dd{  margin-bottom:15px; }
.footer dd a{font-size:12px; font-family:"宋体";color:#757575;}
.footer dd a:hover{ color:#ff6700;}
.online{ width:246px; text-align:center; float:left;}
.service{margin-left:auto; margin-right:auto; width:120px; height:30px; border:1px solid #ff6700; line-height:30px; text-align:center; color:#ff6700; font-weight:Arial,"微软雅黑"; font-size:12px;}

/*合作*/
.team-box{ width:100%; background-color:#f5f5f5; padding-top:33px;}
.team{ width:1226px; margin-left:auto; margin-right:auto;}
.team .logo{ float:left; margin-right:3px;}
.team a{ border-right:1px solid #b0b0b0; line-height:12px; padding-left:5px; padding-right:5px; font-family:Arial,"宋体"; font-size:12px; color:#757575;}
.team p{font-family:Arial,"宋体"; font-size:12px; margin-bottom:2px; float:left; color:#b0b0b0;}
.team p a:hover{ color:#ff6700;}
.team .safe{ float:left; width:285px;}
.safe span{ float:left; width:60px; margin-right:4px;}
.word{ width:1226px; margin-left:auto; margin-right:auto; text-align:center;font-family:"华文行楷",sunself; font-size:20px; color:#bababa; font-weight:normal; padding-bottom:30px;}
</style>
</head>
<body>
<!--头部属性-->
<div class="top_box">
    <div class="nav">
        <ul>
            <li style="margin-left:0; padding:0;"><a href="{$Think.const.THINK_URL}">小米网</a></li>
            <li><a href="http://www.miui.com/">MIUI</a></li>
            <li><a href="http://www.miliao.com/">米聊</a></li>
            <li><a href="http://game.xiaomi.com/hy/index.html">游戏</a></li>
            <li><a href="http://www.duokan.com">多看阅读</a></li>
            <li><a href="https://i.mi.com/">云服务</a></li>
            <li><a href="http://www.mi.com/c/appdownload/">小米网移动版</a></li>
            <li><a href="http://static.mi.com/feedback/">问题反馈</a></li>
        </ul>
        <div class="login">

            <div class="shop"><div class="bg01"><a href="{$Think.const.THINK_URL}/index/index/goodcar" style="color:#f90">购物车({$gnumber})</a></div>
                <div class="car">购物车中还没有商品，赶紧选购吧！</div>
            </div>
           {if null == $Think.session.username}
            <ul>
                <li><a href="{$Think.const.THINK_URL}/index/user/login">登录</a></li>
                <li  style="border:0;"><a href="{$Think.const.THINK_URL}/index/user/register">注册</a></li>
            </ul>
            {else}
            <ul>
                <li><a href="{$Think.const.THINK_URL}/index/order/orders">我的订单</a></li>
                <li><a href="{$Think.const.THINK_URL}/index/order/addres">个人中心</a></li>
                <li><a href="{$Think.const.THINK_URL}/index/user/session">退出登陆</a></li>
            </ul>
            {/if}

        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!--主导航-->
<div class="mainbav">
<div class="LOGO"><a href="{$Think.const.THINK_URL}"><img src="/images/LOGO.png"></a><img src="/images/donghua.gif"></div>
    <ul>
        <li><a href="#">小米盒子</a></li>
        <li><a href="#">红米</a></li>
        <li><a href="#">平板</a></li>
        <li><a href="#">电视</a></li>
        <li><a href="#">盒子</a></li>
        <li><a href="#">路由器</a></li>
        <li><a href="#">智能硬件</a></li>
        <li><a href="#">全部商品</a></li>
    </ul>
    <div class="search">
        <div class="search_box"><img src="/images/search.png"></div>
        <span>平衡车</span>
        <span>小米手机4c</span>
    </div>
    <div class="clearfix"></div>
</div>
<!--banner-->
<div style="width:1200px;background-color: #F5F5F5;padding:10px 0 10px 20px;margin-left: 20px;overflow: hidden;">
    <div>首页>个人中心</div>
    <div style="width:250px;background:white;height:500px;margin:10px 0 20px 0;float:left ;">
        <div style="margin:40px 0 0 50px;font-size: 20px;">订单中心</div>
        <div style="margin:10px 0 0 60px;font-size: 15px;"><a href="{$Think.const.THINK_URL}/index/order/orders" style="color:#757575;font-size: 15px;">我的订单</a></div>
        <div style="margin:40px 0 0 50px;font-size: 20px;">个人中心</div>
        <div style="margin:10px 0 0 60px;font-size: 15px;">
           <a href="{$Think.const.THINK_URL}/index/order/addres" style="color:#757575;font-size: 15px;">我的个人中心</a>
         </div>
        <div style="margin:10px 0 0 60px;font-size: 15px;">
            <a href="{$Think.const.THINK_URL}/index/order/home" style="color:#757575;font-size: 15px;">个人信息</a></div>
        <div style="margin:10px 0 0 60px;font-size: 15px;">
            <a href="{$Think.const.THINK_URL}/index/order/home" style="color:#757575;font-size: 15px;">收货地址</a></div>
        <div style="margin:10px 0 0 60px;font-size: 15px;">
            <a href="{$Think.const.THINK_URL}/index/order/home" style="color:#757575;font-size: 15px;">修改密码</a></div>
        <div style="margin:40px 0 0 50px;font-size: 20px;">售后服务</div>
        <div style="margin:10px 0 0 60px;font-size: 15px;">
            <a href="https://account.xiaomi.com/pass/serviceLogin?callback=http%3A%2F%2Fservice.order.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttp%253A%252F%252Fservice.order.mi.com%252Frecord%252Flist%26sign%3DMDA3YTVmMWZiM2I4N2M5NTY3NDM1NmIxMjI5ZDdmZWE3OTRhNzk5Ng%2C%2C&sid=mi_eshop" style="color:#757575;font-size: 15px;">服务记录</a></div>
        <div style="margin:10px 0 0 60px;font-size: 15px;">
        <a href="https://account.xiaomi.com/pass/serviceLogin?callback=http%3A%2F%2Fservice.order.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttp%253A%252F%252Fservice.order.mi.com%252Frecord%252Flist%26sign%3DMDA3YTVmMWZiM2I4N2M5NTY3NDM1NmIxMjI5ZDdmZWE3OTRhNzk5Ng%2C%2C&sid=mi_eshop" style="color:#757575;font-size: 15px;">申请服务</a></div>
        <div style="margin:10px 0 0 60px;font-size: 15px;">
        <a href="https://account.xiaomi.com/pass/serviceLogin?callback=http%3A%2F%2Fservice.order.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttp%253A%252F%252Fservice.order.mi.com%252Frecord%252Flist%26sign%3DMDA3YTVmMWZiM2I4N2M5NTY3NDM1NmIxMjI5ZDdmZWE3OTRhNzk5Ng%2C%2C&sid=mi_eshop" style="color:#757575;font-size: 15px;">领取快递报销</a></div>



    </div>
    <div style="width:900px;background:white;margin:10px 0 0 25px;float: left;">
        <div style="padding: 60px 0 0 40px;font-size:30px;color:#757575;">
            我的订单
            <a style="font-size: 12px;">请谨防钓鱼链接或诈骗电话</a>
        </div>
        <div style="padding: 20px 0 0 60px;font-size:18px;color:#757575;">
        |  <a href="{$Think.const.THINK_URL}/index/order/orders" style="font-size:18px;color:#757575;">&nbsp全部订单&nbsp</a>  | &nbsp <a href="{$Think.const.THINK_URL}/index/order/ordersa" style="font-size:18px;color:#757575;">已付款待发货&nbsp</a> |  <a href="{$Think.const.THINK_URL}/index/order/ordersb" style="font-size:18px;color:#757575;">&nbsp 待付款&nbsp</a>  |&nbsp &nbsp <a href="{$Think.const.THINK_URL}/index/order/orderc" style="color:#f90;font-size:18px;">已发货</a>
        </div>
        {foreach $data as $value}
        <div style="width:800px;height:200px;border: 1px solid #757575;margin:30px 0 0px 60px;">
            <div style="font-size: 20px;color:#D0D0D0;padding: 15px 0 0 20px;">{$value.ddzt}</div>
            <div style="font-size: 15px;color:#757575;padding: 15px 0 0px 20px;">
            <table>
                <tr>
                    <td> 下单时间：{$value.time} | 在线支付 </td>
                    <td style="padding-left: 300px;">订单金额：<a style="color:#f90;font-size: 30px;">{$value.totalprice}</a>元</td>
                </tr>
            </table>

            </div>

            <div style="border-top:1px solid #D0D0D0;">
                <table>
                    <tr >
                        <td style="padding:20px 0 0 50px;width:50px;">
                            <img src="/image/{$value.goodspic}" width="40" height="40" />
                        </td>
                        <td style="padding:20px 0 0 50px;width:150px;">
                        {$value.goodsname}&nbsp&nbsp&nbsp&nbsp<a style="font-size: 5px;color:#D0D0D0">{$value.unitprice}元x{$value.goodsnumber}<br>{$value.express}</a>
                        </td>
                        <td style="padding:25px 0 0 180px;">
                        <a style="font-size: 20px;"> 收货地址：</a>{$value.address}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        {/foreach}
        <div style="height:100px;">
        </div>

    </div>
</div>
<!--页脚-->
<div class="footer-box">
    <div class="footer">
        <ul>
            <li style="background:url(images/footer_icon01.png) no-repeat 40px center;"><a href="http://www.mi.com/static/fast/">1小时快修服务</a></li>
            <li style="background:url(images/footer_icon02.png) no-repeat 40px center;"><a href="http://www.mi.com/service/exchange#back">7天无理由退货</a></li>
            <li style="background:url(images/footer_icon03.png) no-repeat 40px center;"><a href="http://www.mi.com/service/exchange#free">15天免费换修</a></li>
            <li style="background:url(images/footer_icon04.png) no-repeat 40px center;"><a href="http://www.mi.com/service/exchange#mail">满150元包邮</a></li>
            <li style="background:url(images/footer_icon05.png) no-repeat 40px center;"><a href="http://www.mi.com/static/maintainlocation/">520余家售后网点</a></li>
            <div class="clearfix"></div>
        </ul>
        <div class="line"></div>

        <dl>
            <dd style="font-size:14px; font-family:'微软雅黑'; color:#424242; margin-bottom:28px;">帮助中心</dd>
            <dd><a href="http://www.mi.com/service/account/register/">购物指南</a></dd>
            <dd><a href="http://www.mi.com/service/account/register/">支付方式</a></dd>
            <dd><a href="http://www.mi.com/service/account/register/">配送方式</a></dd>
        </dl>
        <dl>
            <dd style="font-size:14px; font-family:'微软雅黑'; color:#424242; margin-bottom:28px;">服务支持</dd>
            <dd><a href="http://www.mi.com/service/exchange">售后政策</a></dd>
            <dd><a href="http://fuwu.mi.com/">自助服务</a></dd>
            <dd><a href="http://xiazai.mi.com/">相关下载</a></dd>
        </dl>
        <dl>
            <dd style="font-size:14px; font-family:'微软雅黑'; color:#424242; margin-bottom:30px;">线下门店</dd>
            <dd><a href="http://www.mi.com/c/xiaomizhijia/">小米之家</a></dd>
            <dd><a href="http://www.mi.com/static/maintainlocation/">服务网点</a></dd>
            <dd><a href="http://www.mi.com/static/familyLocation/">线下专区</a></dd>
        </dl>
        <dl>
            <dd style="font-size:14px; font-family:'微软雅黑'; color:#424242; margin-bottom:28px;">关于小米</dd>
            <dd><a href="http://www.mi.com/about">了解小米</a></dd>
            <dd><a href="http://hr.xiaomi.com/">加入小米</a></dd>
            <dd><a href="http://www.mi.com/about/contact">联系我们</a></dd>
        </dl>
        <dl>
            <dd style="font-size:14px; font-family:'微软雅黑'; color:#424242; margin-bottom:28px;">关注我们</dd>
            <dd><a href="http://weibo.com/xiaomishangcheng">新浪微博</a></dd>
            <dd><a href="http://xiaoqu.qq.com/mobile/share/index.html?url=http%3A%2F%2Fxiaoqu.qq.com%2Fmobile%2Fbarindex.html%3Fwebview%3D1%26type%3D%26source%3Dindex%26_lv%3D25741%26sid%3D%26_wv%3D5123%26_bid%3D128%26%23bid%3D10525%26from%3Dwechat">小米部落</a></dd>
            <dd><a href="http://xiaoqu.qq.com/mobile/share/index.html?url=http%3A%2F%2Fxiaoqu.qq.com%2Fmobile%2Fbarindex.html%3Fwebview%3D1%26type%3D%26source%3Dindex%26_lv%3D25741%26sid%3D%26_wv%3D5123%26_bid%3D128%26%23bid%3D10525%26from%3Dwechat">官方微信</a></dd>
        </dl>
        <dl style="margin-right:123px;">
            <dd style="font-size:14px; font-family:'微软雅黑'; color:#424242; margin-bottom:28px;">特色服务</dd>
            <dd><a href="https://account.xiaomi.com/pass/serviceLogin?callback=http%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttp%253A%252F%252Forder.mi.com%252Fqueue%252Ff2code%26sign%3DODI0YjlhNzZjNGEzOWM3YTk5NTg2OTQ4YjQxODkwMmQ3MTk4Yjc3YQ%2C%2C&sid=mi_eshop&_bannerBiz=mistore&_qrsize=180">F码通道</a></dd>
            <dd><a href="http://www.mi.com/giftcode/">小米移动</a></dd>
            <dd><a href="http://order.mi.com/misc/checkitem">防伪查询</a></dd>
        </dl>
        <div style="width:1px; height:111px; float:left; background-color:#e0e0e0; margin-top:10px; "></div>
        <div class="online">
            <p style="font-size:20px; color:#ff6700; margin-bottom:10px;">400-100-5678</p>
            <p style="font-size:12px; font-family:Arial,'宋体'; color:#616161; margin-bottom:7px;">周一至周日 8:00-18:00</p>
            <p style="font-size:12px; font-family:Arial,'宋体'; color:#616161; margin-bottom:18px;">（仅收市话费）</p>
            <div class="service">24小时在线客服</div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>



<!--合作-->
<div class="team-box">
    <div class="team">
        <div class="logo"><img src="/images/team_logo.png"></div>
        <div style="width:880px; float:left; margin-bottom:30px;">
            <p><a href="{$Think.const.THINK_URL}">小米网</a><a href="http://www.miui.com/">MIUI</a><a href="http://www.miliao.com/">米聊</a><a href="http://www.duokan.com">多看书城</a><a href="http://www.mi.com/c/appdownload/">小米路由器</a><a href="https://i.mi.com/">视频电话</a>
            <a href="https://i.mi.com/">小米后院</a><a href="https://i.mi.com/">小米天猫店</a><a href="https://i.mi.com/">小米淘宝直营店</a><a href="https://i.mi.com/">小米网盟</a><a href="https://i.mi.com/">问题反馈</a>
            <a href="https://i.mi.com/">Select Region</a>
        </p>
        <p style="margin-left:5px;">©mi.com京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 违法和不良信息举报
            电话：185-0130-1238</p>
        <p style="margin-left:5px;">本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
        <div class="clearfix"></div>
        </div>
        <div class="safe">
            <img style="float:left; margin-right:5px;" src="/images/safe_icon01.png">
            <span>诚信网站师范企业</span>
            <img style="float:left; margin-right:5px;" src="/images/safe_icon02.png">
            <span>可信网站信用评价</span>
            <img style="float:left; margin-right:5px;" src="/images/safe_icon03.png">
            <span style="margin-right:0;">网上交易保障中心</span>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="word">探索黑科技，小米为发烧而生</div>
</div>
<div style="height:20px; background-color:#fafafa;"></div>
<script>
/*页眉*/
$(".top_box .shop .car").hide()
$(".top_box .shop").mouseenter(
    function(){
        $(".login .shop").addClass("current")
        $(".login .shop .car").stop(true.true).slideToggle()
        $(".car").addClass("shadow_lf").addClass("shadow_rt")
        $(".bg01").addClass("bg02")
        }
).mouseleave(
    function(){
        $(".top_box .shop .car").stop(true.true).slideToggle()
        $(".top_box .shop ").removeClass("current")
        $(".bg01").removeClass("bg02")
        }
)
</script>
</body>
</html>
